<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>王者荣耀视频解说-王者荣耀官网网站-腾讯游戏</title>
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/detail.css">
</head>

<body>
    <!-- 最上部分 -->
    <div class="box">
        <div class="box-inner">
            <!-- 左侧 -->
            <a href="#">
                <img src="../images/tengxunyouxi.png" alt="">
            </a>
            <a href="#">
                <img src="../images/banner1.jpg" alt="">
            </a>
            <!-- 右侧 -->
            <div class="inner-right">
                <a href="#">
                    <img src="../images/jiantou.png" alt="" width="15px" height="15px">
                </a>
                <a href="#" class="inner-right-text2">
                    腾讯游戏排行榜
                </a>
                <a href="#" class="inner-right-text1">
                    成长守护平台
                </a>
                <a href="#" class="icon"></a>
            </div>
        </div>
    </div>
    <!-- 背景 -->
    <div class="header-bg-contain">
        <div class="header-bg"></div>
    </div>
    <!-- 导航 -->
    <div class="top">
        <div class="header-nav">
            <div class="header-inner">
                <!-- logo -->
                <a href="#" class="logo">
                    <img src="../images/logo.png" alt="">
                </a>
                <!-- 列表 -->
                <ul class="main-nav">
                    <li>
                        <a href="#">
                            <span>游戏资料</span>
                            <em>DATA</em>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>内容中心</span>
                            <em>CONTENTS</em></a>
                    </li>
                    <li>
                        <a href="#">
                            <span>赛事中心</span>
                            <em>MATCH</em>
                        </a>

                    </li>
                    <li>
                        <a href="#">
                            <span>百态王者</span>
                            <em>CULTURE</em>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>社区互动</span>
                            <em>COMMUNITY</em>
                        </a>
                    </li>
                    <li>
                        <a href="#"><span>玩家支持</span>
                        <em>PLAYER</em>
                    </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>IP新游</span>
                            <em>NEW GAMES</em>
                        </a>
                    </li>
                </ul>
                <!-- 登录 -->
                <div class="nav-login">
                    <a href="#">
                        <img src="../images/login.png" alt="">
                    </a>
                    <p class="welcome">欢迎登录</p>
                    <p class="user">登录后查看游戏战绩</p>
                </div>
            </div>


        </div>
        <ul class="header-navbar">
            <li>
                <a href="#">版本介绍</a>
                <a href="#">游戏介绍</a>
                <a href="#">英雄资料</a>
                <a href="#"><em></em>爆料站</a>
                <a href="#"><i></i>世界观体验站</a>
                <a href="#">游戏壁纸</a>
            </li>
            <li>
                <a href="#">攻略中心</a>
                <a href="#">开放素材库</a>
                <a href="#">内容共创平台</a>
                <a href="#"><i></i>手语打法参考</a>

            </li>
            <li>
                <a href="#"><i></i>KPL</a>
                <a href="#">K甲联赛</a>
                <a href="#">世界冠军杯</a>
                <a href="#">挑战者杯</a>
                <a href="#"><em></em>全国大赛</a>
                <a href="#">女子公开赛</a>
                <a href="#">高校联赛</a>
                <a href="#"><i></i>王者赛宝</a>
                <a href="#">赛事数据</a>

            </li>
            <li>
                <a href="#">荣耀·传承</a>
                <a href="#">王者文化站</a>
                <a href="#">万千世界</a>
                <a href="#"><i></i>王者绝悟</a>
                <a href="#">星光殿堂</a>
                <a href="#"><i></i>IP共创计划</a>
                <a href="#">商户特权</a>
                <a href="#"><i></i>龙翼王者卡</a>
            </li>
            <li>
                <a href="#"><i></i>创意互动营</a>
                <a href="#"><i></i>王者营地</a>
                <a href="#">微信圈子</a>
                <a href="#">官方微博</a>
                <a href="#">微信公众号</a>
                <a href="#">手Q订阅号</a>
            </li>
            <li>
                <a href="#">腾讯游戏防沉迷</a>
                <a href="#"><u></u>成长守护平台</a>
                <a href="#">对局环境情报站</a>
                <a href="#">客服专区</a>
                <a href="#">礼包兑换</a>
                <a href="#">自助服务</a>
            </li>
            <li>
                <a href="#"><i></i>王者荣耀·世界</a>
                <a href="#"><i></i>代号:破晓</a>
                <a href="#"><i></i>代号:启程</a>
                <a href="#"><i></i>王者万象棋</a>
            </li>
        </ul>
    </div>

    <!-- 登录主体 -->
    <div class="main">
        <div class="inner-box">
            <div class="left-hero">
                <h3>周免英雄（3月13日-3月19日）</h3>
                <ul>
                    <li>
                        <a href="">
                            <img src="../images/106.jpg" alt="">
                        </a>
                        </dt>
                        <li>
                            <a href="">
                                <img src="../images/113.webp" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/116.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/126.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/153.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/169.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/522.jpg" alt="">
                            </a>
                        </li>
                </ul>
                <a href="#">更多英雄</a>
            </div>
            <div class="right-login">亲爱的召唤师，欢迎
                <a href="" class="login-font">登录</a>
                <a href="#" class="login-img">
                    <img src="../images/avatar1.jpg" alt="">
                </a>
                <span>0</span>
            </div>
        </div>
        <!-- 视频和新闻内容 -->
        <div class="content">
            <div class="title">
                <i></i>
                <a href="#">王者荣耀首页</a>
                <span>&emsp;&gt;&emsp;视频详情</span>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="foot">
            <div class="tx">
                <a href="" class="logo1"></a>
                <a href="" class="logo2"></a>
            </div>
            <div class="wenzi">
                <div class="left">
                    <p>
                        <em>抵制不良游戏</em><em>拒绝盗版游戏</em><em>注意自我保护</em><em>谨防受骗上当</em><em>适度游戏益脑</em><em>沉迷游戏伤身</em><em>合理安排时间</em><em>享受健康生活</em>
                    </p>
                    <p>
                        《王者荣耀》全部背景故事发生于架空世界“王者大陆”中。相关人物、地理、事件均为艺术创作，并非正史。若因观看王者故事对相关历史人物产生兴趣，建议查阅正史记载。
                    </p>
                </div>
                <div class="right">
                    <p>
                        腾讯互动娱乐 | 服务条款 | 王者荣耀隐私保护指引 | 儿童隐私保护指引 | 腾讯游戏招聘 | 腾讯游戏客服 | 游戏列表 | 广告服务及商务合作
                    </p>
                    <p>
                        COPYRIGHT &copy; 1998 - 2023 TENCENT. ALL RIGHTS RESERVED.
                        <a href="#" class="copy">腾讯公司版权所有&emsp;网络游戏行业防沉迷自律公约</a><br>
                        <a href="#" class="logo"><img src="images/gswj.png" alt=""></a>工商网监电子标识 |粤网文[2020]3396-195号|（署）网出证（粤）字第054号
                        <br>
                        <a href="#" class="logo"><img src="images/icplogo.png" alt=""></a>文网游备字[2016]M-CSG 0059 号|新广出审[2017] 6712号|ISBN 978-7-7979-8408-9
                        <br>全国文化市场统一举报电话：12318
                    </p>
                </div>
            </div>
        </div>

    </div>
    <!-- 悬浮窗妲己 -->
    <div class="float">
        <div class="dj">
            <p>扫一扫，立刻</p>
            <p>卸载游戏~</p>
        </div>
        <dl>
            <dt>
                <img src="../images/wzry_qrcode.webp" alt="">
            </dt>
            <dd class="dd1">
                <div>
                    <img src="../images/yd_qrcode.webp" alt="">
                    <p>
                        扫码<span>下载王者营地</span> 每天
                        <span>领取福利好礼</span>
                    </p>
                </div>
            </dd>
            <dd class="dd2">
                <div>
                    <img src="../images/weibo.webp" alt="">
                    <p>
                        扫码<span>关注官方微博</span> 获取
                        <span>一手爆料福利</span>
                    </p>
                </div>
            </dd>
            <dd class="dd3">
                <div>
                    <img src="../images/gzh_code.webp" alt="">
                    <p class="p2">
                        扫码<span>关注官方公众号</span> 获取
                        <span>最新资讯及好礼</span>
                    </p>
                </div>
            </dd>
            <dd class="dd4">
                <div>
                    <img src="../images/shipinhao_code.webp" alt="">
                    <p class="p2">
                        扫码<span>关注官方视频号</span> 获取
                        <span>精彩视频及福利</span>
                    </p>
                </div>
            </dd>
        </dl>
    </div>
</body>

</html>